{extend name="public:index"/}
{block name="title"}{:sysconf('title')}{/block}
{block name="content"}
<section class="My_shop">
    <div class="top">
        <p class="p1"></p>
        <p class="p2">购物车</p>
        <p class="p3"><i>编辑</i><em>完成</em></p>
    </div>
    <div class="shopmain">
        {if condition="$list"}
        <ul>
            <form action="{:url('Order/add')}" id="cartForm">
                {foreach name="list" item="vo"}
                <li>
                    <label><input name="cartid[]" type="checkbox" value="{$vo.id}" /></label>
                    <div class="center">
                        <a href="{:url('Goods/show',['id'=>$vo['goods_id']])}"><img src="{$vo['goods_img_url']}" alt=""></a>
                    </div>
                    <div class="right">
                        <b><a href="{:url('Goods/show',['id'=>$vo['goods_id']])}">{$vo['goods_title']}</a></b>
                        <p class="p1">小计：￥<em>{$vo['goods_sell_price']*$vo['goods_count']}</em></p>
                        <p class="p2"><em>￥<i class="szi">{$vo['goods_sell_price']}</i></em>
                            <a href="javascript:;" class="J_minus" data-id="{$vo['id']}">-</a>
                            <input type="text" value="{$vo['goods_count']}" class="J_input" readonly />
                            <a href="javascript:;" class="J_add" data-id="{$vo['id']}">+</a>
                        </p>
                    </div>
                    <div class="delete" data-id="{$vo['id']}">删除</div>
                </li>
                {/foreach}

            </form>

        </ul>
        {else}
        <div class="nofind"><img src="__HOME__/images/cart2.png">
            <p>购物车暂时为空</p>
        </div>
        <p style="height:3rem;"></p>
        {/if}
    </div>

    <div class="jiesuan">
        <div class="left">
            <label class="quan"><input class="checkAll" id="checkAll" name="FruitAll" type="checkbox" value="" /><em>全选</em></label>
            <p>合计：￥<em id="zh">0.00</em></p>
        </div>
        <div class="right"><a href="javascript:;" id="addOrder">去结算<em></em></a></div>
    </div>
</section>

{include file="include/nav"/}
<script type="text/javascript">
    /*结算*/
    $("#addOrder").click(function() {
        var data = $("#cartForm").serialize();
        if (!data) {
            return false;
        }
        var islogin = "{:session('uid')}";

        if (!islogin) {
            layer.msg('请登录', {
                time: 1000
            }, function() {
                window.location.href = "{:url('Login/login')}";
            });
        } else {
            $('#cartForm').submit();
        }

        // $.ajax({
        //     url: "{:url('Order/add')}",
        //     type: "POST",
        //     data: data,
        //     dataType: "JSON",
        //     success: function(data) {
        //         if (data.code == 0) {
        //             window.location.href = "{:url('Order/add')}";
        //         } else if (data.code == 2) {
        //             layer.msg(data.msg, {
        //                 'icon': 6,
        //                 time: 1000
        //             }, function() {
        //                 window.location.href = "{:url('Login/login')}";
        //             });
        //         } else {
        //             layer.msg(data.msg, {
        //                 'icon': 6
        //             });
        //         }
        //     }
        // });
    });
    $('.My_shop .shopmain ul li .delete').click(function() {
        var obj = $(this);
        var cartId = obj.data('id');
        $.ajax({
            url: "{:url('Cart/del')}",
            type: "POST",
            data: {
                'cartId': cartId
            },
            dataType: "JSON",
            success: function(data) {
                if (data.code == 0) {
                    layer.msg(data.msg, {icon: 6, time: 1000}, function() {
                        obj.parent().remove();
                    })
                } else {
                    layer.msg(data.msg, {'icon': 5});
                }
            },
            error: function(){
                layer.msg("网络延迟，发送失败",{icon:5});
            }
        });
        /*var liin = $(this).parent('li').siblings('li').length;
        if (liin>1) {
            $(this).parent().remove();
        } else {
            $(this).parent().siblings('.libt').remove();
            $(this).parent().remove();
        }*/
    });
    /*单选*/
    $('.My_shop .shopmain ul li label').click(function() {
        if ($(this).hasClass('lab')) {
            $(this).removeClass('lab');
            $(this).removeClass('canlab');
            $('.jiesuan .left input').removeClass('lab1');
            $('.jiesuan .left .quan').removeClass('canlab1');
            $('.jiesuan .right a').css('background-color', '#999');
            var qiann = $(this).siblings('.right').children('.p1').children('em').html();
            xiaa = $('.jiesuan .left #zh').html();
            $('.jiesuan .left #zh').html((parseInt(xiaa) - parseInt(qiann)).toFixed(2))
        } else {
            $(this).addClass('lab');
            $(this).addClass('canlab');
            $('.jiesuan .right a').css('background-color', '#fc5300');
            var qiann = $(this).siblings('.right').children('.p1').children('em').html();
            xiaa = $('.jiesuan .left #zh').html();
            $('.jiesuan .left #zh').html((parseInt(qiann) + parseInt(xiaa)).toFixed(2));
        }
    });
    /*全选*/
    $('.jiesuan .left input').click(function() {
        if ($(this).hasClass('lab1')) {
            $("input[type=checkbox]").attr('checked', false);
            $(this).removeClass('lab1');
            $('.jiesuan .left .quan').removeClass('canlab1');
            $('.My_shop .shopmain ul li label').removeClass('lab');
            $('.My_shop .shopmain ul li label').removeClass('canlab');
            // $(".jiesuan .right em").html('');
            $('.bianji .left input').removeClass('lab2');
            $('.bianji .left .quan').removeClass('canlab1');
            $('.jiesuan .right a').css('background-color', '#999');
            $('.jiesuan .left #zh').html('0.00')
        } else {
            $("input[type=checkbox]").attr('checked', true);
            $(this).addClass('lab1');
            $('.jiesuan .left .quan').addClass('canlab1');
            $('.My_shop .shopmain ul li label').addClass('lab');
            $('.My_shop .shopmain ul li label').addClass('canlab');
            // var items1 = $('.My_shop .shopmain ul li label').length;
            // $(".jiesuan .right em").html('('+items1+')');
            $('.bianji .left input').addClass('lab2');
            $('.bianji .left .quan').addClass('canlab1');
            $('.jiesuan .right a').css('background-color', '#fc5300');


            var sum = 0;
            for (var i = 0; i < $(".My_shop .shopmain ul li").length; i++) {
                sum += parseInt($(".My_shop .shopmain ul li").eq(i).children('.right').children('.p1').children('em').html());
            }
            sum = sum.toFixed(2)
            $('.jiesuan .left #zh').html(sum)

        }
    });
    /*加*/
    $(".shopmain ul li .right .J_add").click(function() {
        var obj = $(this);
        var cartId = obj.data('id');
        $.ajax({
            url: "{:url('Cart/goodsCount')}",
            type: "POST",
            data: {'cartId':cartId,'action':'jia'},
            dataType: "JSON",
            async: false,
            success: function(data) {
                if (data.code == 0) {
                    var n = obj.siblings('.J_input').val();
                    var num = parseInt(n) + 1;
                    // if(num==0){alert("cc");}
                    obj.siblings('.J_input').val(num);
                    var jie = obj.siblings('em').children('.szi').html();
                    he = jie * num;
                    obj.parent('.p2').siblings('.p1').children('em').html(he);
                    if (obj.parent().parent('.right').siblings('label').hasClass('canlab')) {
                        var qiann = obj.siblings('em').children('.szi').html();
                        xiaa = $('.jiesuan .left #zh').html();
                        $('.jiesuan .left #zh').html((parseInt(qiann) + parseInt(xiaa)).toFixed(2))
                    }
                    var cartsum = parseInt($("#cartSum").html()) + 1;
                    $("#cartSum").html(cartsum);
                } else {
                    layer.msg(data.msg, {
                        'icon': 5
                    });
                }
            },
            error: function(){
                layer.msg("网络延迟，发送失败",{icon:5});
            }
        });
    });
    /*减*/
    $(".shopmain ul li .right .J_minus").click(function() {
        var obj = $(this);
        var cartId = obj.data('id');
        $.ajax({
            url: "{:url('Cart/goodsCount')}",
            type: "POST",
            data: {'cartId':cartId,'action':'jian'},
            dataType: "JSON",
            async: false,
            success: function(data) {
                if (data.code == 0) {
                    var n = obj.siblings('.J_input').val();
                    var num = parseInt(n) - 1;
                    if (num == 0) {
                        return;
                    }
                    obj.siblings('.J_input').val(num);
                    var jie = obj.siblings('em').children('.szi').html();
                    he = jie * num;
                    obj.parent('.p2').siblings('.p1').children('em').html(he);
                    if (obj.parent().parent('.right').siblings('label').hasClass('canlab')) {
                        var qiann = obj.siblings('em').children('.szi').html();
                        xiaa = $('.jiesuan .left #zh').html();
                        $('.jiesuan .left #zh').html((parseInt(xiaa) - parseInt(qiann)).toFixed(2))
                    }
                    var cartsum = parseInt($("#cartSum").html()) - 1;
                    $("#cartSum").html(cartsum);
                } else {
                    layer.msg(data.msg, {'icon': 5});
                }
            },
            error: function(){
                layer.msg("网络延迟，发送失败",{icon:5});
            }
        });
    });
</script>
{/block}